<template>
        <div class="footer">
            <div class="footer-box">
                <div class="friend-link">友情链接:</div>
                <div style="min-height: 40px; text-align: center;" class="footer-main">
                    <a href="#"> 天亮教育 </a>
                    <a href="#"> 星云大数据平台 </a>
                    <a href="#"> 教学管理云平台 </a>
                    <a href="#"> 尚云科技 </a>
                    <a href="#"> 天亮公开课资源 </a>
                </div>
                <div style="height: 1px; width: 1000px; margin: auto;">
                    <div class="link" style="height: 1px; border: 1px solid rgb(84, 84, 84);"></div>
                </div>
                <div class="company">Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
            </div>
        </div>
  </template>
  
  <script>
  export default {
    name: 'footerView',
    props: {
      msg: String
    }
  }
  </script>
  
  <style scoped lang="scss">
.footer {
    background: #0f141a;
    color: #777878;
    font-size: 14px;
    .footer-box {
        width: 1160px;
        margin: auto;
        padding: 20px 0;
        .friend-link {
            width: 51%;
            color: #fff;
            font-size: 22px;
            margin: 16px auto; 
        } 
        .footer-main {
           a {
            margin-right: 30px;
            font-size: 14px;
            color: #999;
           } 
        }
        > .link {
            display: block;
            clear: both;
            width: 100%;
            min-width: 100%;
            height: 1px;
            margin: 24px 0;
        }
        .company {
            text-align: center; 
            
        }
    } 
}
  </style>
  